<template>
  <div class="product">
    <ul class="nav-links">
      <li>
        <router-link to="one">国六B高清洁92</router-link>
      </li>
      <li>
        <router-link to="two">国六B高清洁95</router-link>
      </li>
<!--      <li>-->
<!--        <router-link to="/gasolineCount/one">国六B高清洁98</router-link>-->
<!--      </li>-->
<!--      <li>-->
<!--        <router-link to="/gasolineCount/one">国六B乙醇组分92</router-link>-->
<!--      </li>-->
<!--      <li>-->
<!--        <router-link to="/gasolineCount/one">国六B乙醇组分95</router-link>-->
<!--      </li>-->
<!--      <li>-->
<!--        <router-link to="/gasolineCount/one">国六B乙醇组分98</router-link>-->
<!--      </li>-->
<!--      <li>-->
<!--        <router-link to="/gasolineCount/one">其他一</router-link>-->
<!--      </li>-->
<!--      <li>-->
<!--        <router-link to="/gasolineCount/one">其他二</router-link>-->
<!--      </li>-->
    </ul>
  </div>
</template>
<script>
export default {
  props: {
    pageType: { //1login，2register
      type: String,
      required: false
    }
  }
}
</script>

<style scoped>
.index {
  overflow: hidden;
  width: 100%;
}

.content {
  width: 100%; /* 宽度调整为80%，留出一些边距 */
  margin: 0 auto; /* 水平居中 */
  align-items: center;
}

.nav-links {
  width: 100%;
  list-style: none;
  display: flex;
  gap: 15px; /* 使用gap代替margin，更简洁 */
}

.nav-links li {
  width: 130px;
  text-align: center;
  padding: 10px 15px; /* 调整内边距 */
  border-radius: 4px; /* 添加圆角 */
  transition: background-color 0.3s; /* 过渡效果 */
  margin-left: 20px;
  background-color: #e6e6e6;
}

.nav-links li a {
  font-size: 12px;
  color: #333;
  text-decoration: none;
  letter-spacing: 4px;
}

.nav-links li:hover {
  background-color: #ddd; /* 更深的蓝色悬停效果 */
}

.content table {
  width: 100%;
  border-collapse: collapse;
}

.content table tr {
  width: 10px;
}

.content table th, table td {
  width: 30px;
  height: 40px;
  border: 1px solid #e6e6e6;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  color: #90939C;
  font-weight: normal;
  text-align: center;
}

.content table input {
  width: 55px;
  height: 20px;
  text-align: center;
  border: #e9e9e9 1px solid;
}

.content table button {
  border: none;
  background-color: white;
}
span{
  display: block;
  width: 100%;
  margin-left: 60px;
}
</style>
